<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="public.css"/>
		<style type="text/css">
.guding{
	width: 50px;
	height: 50px;
	position: fixed;
	right: 14px;
	bottom:30px;
}

.guding a{
	width: 50px;
	height: 50px;
	display: block;
	background: url(img/zd-1_03.jpg) no-repeat;
}
.guding a:hover{
	transition:0.8s;
	background: url(img/zt-1_03.jpg) no-repeat;
}
			/*内容区*/
         * {margin: 0;padding: 0;}
         li {list-style: none;}
         a {text-decoration: none;}
         .pullleft{float: left;}
         .pullright{float: right;}
         .boss{background:#f1f1f1;}
         .public_center{width:1110px;margin: 0 auto;}
         .clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0;overflow:hidden;} 
         .clearfloat{zoom:1} 
         .bg_banner{height:565px;}
         .banner{border-top:2px solid #88898e;position: relative;padding: 0 15px;}
         .banner .pic {width: 1110px;height: 565px;overflow: hidden;}
         .banner img{width: 1110px;height: 565px;}
         .banner .anchor{position:absolute;left:50%;bottom:37px;margin-left:-13px;}
         .banner .anchor a{width:12px;height:12px;border-radius: 50%;border: 1px solid white;margin-right: 7px;display: inline-block;}
		 .banner .anchor a:hover{background:white;}
		 .title{text-align:center;height: 104px;position:relative;}
		 .title .line{position: absolute;top:57px;left:50%;margin-left: -231px;width:460px;height: 1px;border-bottom: 1px solid black;}
		 .title h2{width:199px;height:59px;background:white;border: 1px solid black;
		    text-align: center;line-height: 59px;position: absolute;top:28px;left:50%;margin-left: -98px;}
		 .title h2 a{color: black;font-weight: 500;} 
		 .title h2 a:hover{color:#f90000;}
		 .see .bottom{height:500px;margin-bottom: 20px;}
		 .see .bottom .nav{border: 1px solid #e6e6e6;width:240px;height:500px;
		    box-shadow:0 2px 2px 0 #d8d8d8,0 2px 2px 0 #d8d8d8,0 8px 6px 0 #d8d8d8,0 1px 1px 0 #d8d8d8;}
		 .see .bottom .nav ul{padding: 16px 5px 0 12px;}
		 .see .bottom .nav li{border-bottom: 1px solid #f2b600;margin-bottom:14px;}
		 .see .bottom .nav li p{font-size: 12px;color: #8f500d;margin-bottom: 11px;font-weight: 600;}
		 .see .bottom .nav div{margin-bottom: 10px;line-height: 20px;}
		 .see .bottom .nav li a{font-size:12px;color: black;margin-right: 15px;}
		 .see .bottom .nav li a:hover{text-decoration: underline;color: #23527c;}
		 .see .bottom .img .pic2{width: 868px;height: 399px;overflow: hidden;}
		 .see .bottom .img .anchor2{width: 868px;height:101px;}
		 .see .bottom .img .anchor2 img{width:217px;height:101px;margin: 0;padding: 0;display: block;float:left;}
		 .bg_logo{background:#f1f1f1;height:1200px;}
		 .bg_logo .logo{overflow: hidden;height:1200px;margin:0 auto;float: none;}
		 .logo .img-logo li{width:253px;height: 190px;border:1px solid #dddddd;border-radius: 3px;float: left;
		   margin-right: 30px;margin-bottom: 20px;position: relative;overflow: hidden;}
		 .logo .img-logo li:nth-child(4n){margin-right:0;}
		 .logo .img-logo li .mask{position: absolute;top:0;left:0;overflow: hidden;border-radius:50%}
		 .logo .img-logo li:hover .mask{opacity: 1;width:253px;height: 190px;background:rgba(76, 76, 76, 0.88);border-radius:3px;transition: border-radius 0.3s ease-in-out;}
		 .logo .img-logo li .mask p{width:90px;height:44px;border:1px solid;border-radius:6px;position: absolute;left:78px;top:71px;
		   color: white;text-align: center;line-height: 44px;opacity: 0;}
		 .logo .img-logo li:hover .mask p{opacity: 1;transition:opacity .5s ease-in-out;}
		 .logo .img-logo li:hover img{transform: scale(1.5);}
		 .logo h3{width:80px;height:32px;text-align: center;border:1px solid #dddddd;margin: 0 auto;
		   background: #FFFFFF;font-size: 12px;line-height: 32px;border-radius: 3px;font-weight: 500;}
		.logo h3 a{color: black}
		.logo .more{margin-top: 1058px;}
		.logo h3:hover{background:#e6e6e6;}
		.bg_display{height:459px;background:#f1f1f1;overflow: hidden;}
		.display{height:459px;background:#f1f1f1;margin-top: 30px;width:1118px;margin: 0 auto;position: relative;}
		.display ul{margin-left: -12px;}
		.display ul li{width:247px;height:268px;border: 1px solid #dddddd;border-radius:3px;float:left;
		 padding:4px;margin-right: 30px;background: white;}
		.display ul li:nth-child(4n){margin-right:0;}
		/*.display ul li:nth-child(4n-3){margin-left: 137px;}*/
		.display ul li p{margin-left: 3px;margin-top:15px;}
		.display ul{overflow: hidden;}
		.display ul li a{color: black;}
		.display h3{width:80px;height:32px;text-align: center;border:1px solid #dddddd;background: #FFFFFF;font-size: 12px;
		line-height: 32px;border-radius: 3px;font-weight: 500;margin-left:518px;margin-top: 25px;}
		.display h3 a{color: black;}
		.display h3:hover{background:#e6e6e6;}
		.display .icon1{position:absolute;left:-56px;top:50%;}
		.display .icon2{position:absolute;left:1119px;top:50%;}
		.contact{position:fixed;height: 252px;width:60px;background:RGB(214,214,214);right:10px;top:50%;font-size:14px;border-radius:3px;padding: 13px 0;}
		.contact li a{display: block;position:relative;height:46px;text-align: center;color:#787878;padding-top: 44px;}
		.contact li:nth-child(1) a{background: url(img/contact_03.jpg) no-repeat center top;margin-top: 8px;}
		.contact li:nth-child(1):hover .phone{display: block;}
		.contact li:nth-child(2) a{background: url(img/contact_07.jpg) no-repeat center top;}
		.contact li:nth-child(2):hover .code{display: block;}
		.contact li:nth-child(3) a{background: url(img/contact_11.jpg) no-repeat center top;}
		.contact .phone{position: absolute;top:19px;right:61px;width:145px;height:58px;background:RGB(214,214,214);text-align: center;line-height: 58px;border-radius:3px;font-size:18px;display: none;}
		.contact .code{position: absolute;top:19px;right:61px;width:131px;height:168px;background: rgb(214,214,214);text-align: center;padding:10px 7px;border-radius:3px;display: none;}
		.contact .code p{font-weight:900;}
		</style>
	</head>
	
	<body>
			<!-----------头部----------->
			<div class="bg_top">
				<form>
				<div class="top">
					<div class="top2">
						<div class="logo">
							<a href="#"><img src="images/pic_03.jpg"/></a>
						</div>
						<div class="sou">
							<input type="text" value="" class="sou2"  placeholder="可根据品牌、产品系列等搜索" />
							<input type="submit" value="" class="sou3" />
						</div>
						<p>
							<a href="#">登录</a>
							<a href="#" style="border-right: none;">注册</a>
						</p>
							<img src="images/pic_09.jpg" />
							<a href="#">询价产品</a>
					</div>
					<div class="top3">
						<ul>
							<li><a href="#">首页</a></li>
							<li class="top3Li">
								<a href="#">品牌列表</a>
								<div class="erji">
									<a href="#">奢华品牌</a>
									<a href="#">现代系列</a>
									<a href="#">传统古典</a>
								</div>
							</li>
							<li class="jiaju">
								<a href="#">家具分类</a>
								<div class="erji2">
									<ol>
										<li class="firstLi"><a href="#">客厅家具</a></li>
										<li><a href="#">沙发</a></li>
										<li><a href="#">休闲椅</a></li>
										<li><a href="#">厅柜</a></li>
										<li><a href="#">茶几</a></li>
										<li><a href="#">玄关桌</a></li>
									</ol>
									<ol>
										<li class="firstLi"><a href="#">卧室家具</a></li>
										<li><a href="#">床</a></li>
										<li><a href="#">床头柜</a></li>
										<li><a href="#">边柜</a></li>
										<li><a href="#">衣柜</a></li>
										<li><a href="#">梳妆台</a></li>
										<li><a href="#">床尾凳</a></li>
										<li><a href="#">儿童房</a></li>
									</ol>
									<ol>
										<li class="firstLi"><a href="#">餐厅厨房</a></li>
										<li><a href="#">餐桌</a></li>
										<li><a href="#">椅子</a></li>
										<li><a href="#">餐边柜</a></li>
										<li><a href="#">厨房</a></li>
										
									</ol>
									<ol>
										<li class="firstLi"><a href="#">卫浴及灯具</a></li>
										<li><a href="#">卫浴</a></li>
										<li><a href="#">灯具</a></li>
									</ol>
									<ol>
										<li class="firstLi"><a href="#">户外及其他</a></li>
										<li><a href="#">户外系列</a></li>
										<li><a href="#">地毯</a></li>
										<li><a href="#">镜子</a></li>
										<li><a href="#">饰品</a></li>
										<li><a href="#">其他产品</a></li>
									</ol>
									<ol>
										<li class="firstLi"><a href="#">书房系列</a></li>
										<li><a href="#">书桌</a></li>
										<li><a href="#">书椅</a></li>
										<li><a href="#">书架</a></li>
										<li><a href="#">办公家具</a></li>
									</ol>
									
									
								</div>
							</li>
							<li class="yonghu">
								<a href="#">用户须知</a>
								<div class="yonghu2">
									<a href="#">直购服务</a>
									<a href="#">意俱物流</a>
									<a href="#">意俱设计</a>
									<a href="#">常见问题</a>
								</div>
							</li>
							<li><a href="#">案例展示</a></li>
							<li><a href="#">新闻资讯</a></li>
							<li>
								<a href="#">
								<img src="images/pic_19.jpg" />
								<span>400-100-5075</span>
								</a>
							</li>
						</ul>
					</div>
				</div>
				</form>
			</div>
			
		<div class="boss">
			<!--内容区-->
			<div class="bg_banner">
				<div class="banner public_center">
					<div class="pic">
						<img src="img/1.jpg" id="pic1"/>
						<img src="img/2.jpg" id="pic2"/>
						<img src="img/3.jpg" id="pic3"/>
					</div>
					
					<div class="anchor">
				       <a href="#pic1"></a>
				       <a href="#pic2"></a>
				       <a href="#pic3"></a>
			       </div>
				</div>
			</div>
			
			<div class="bg_see">
				<div class="see public_center">
					<div class="title">
						<div class="line"></div>
						<h2><a href="">直击米兰</a></h2>
					</div>
					<div class="bottom">
					<div class="nav pullleft">
						<ul>
							<li>
								<p>客厅家具</p>
								<div>
									<a href="">沙发</a><a href="">休闲椅</a><a href="">厅柜</a><a href="">茶几</a><a href="">玄关桌</a>
								</div>
							</li>
								<li>
								<p>卧室家具</p>
								<div>
									<a href="">床</a><a href="">床头柜</a><a href="">边柜</a><a href="">衣柜</a><a href="">梳妆台</a>
									<a href="">床尾凳</a><a href="">儿童房</a>
								</div>
							</li>
							<li>
								<p>餐厅厨房</p>
								<div>
									<a href="">餐桌</a><a href="">椅子</a><a href="">餐厅柜</a><a href="">厨房</a>
								</div>	
							</li>
							<li>
								<p>卫浴及灯具</p>
								<div>
									<a href="">卫浴</a><a href="">灯具</a>
								</div>
							</li>
							<li>
								<p>户外及其他</p>
								<div>
									<a href="">户外系列</a><a href="">地毯</a><a href="">镜子</a><a href="">饰品</a><a href="">其他产品</a>
								</div>
							</li>
							<li>
								<p>书房系列</p>
								<div>
									<a href="">书桌</a><a href="">书椅</a><a href="">书架</a><a href="">办公家具</a>
								</div>
							</li>
						</ul>
					</div>
					<div class="img pullleft">
						<div class="pic2">
				          <img src="img/yj-1.jpg" id="pic2-1" />
				          <img src="img/yj-2.jpg" id="pic2-2" />
				          <img src="img/yj-3.jpg" id="pic2-3" />
				          <img src="img/yj-4.jpg" id="pic2-4" />
			            </div>
						<div class="anchor2">
							<a href="#pic2-1"> <img src="img/yj-1.jpg"/></a>
							<a href="#pic2-2"><img src="img/yj-2.jpg"/></a>
							<a href="#pic2-3"> <img src="img/yj-3.jpg"/></a>
							<a href="#pic2-4"><img src="img/yj-4.jpg"/></a>
						</div>	
					</div>
					</div>
				</div>
			</div>
			
			<div class="bg_logo">
				<div class="logo public_center">
					<div class="title">
						<div class="line"></div>
						<h2><a href="">推荐品牌</a></h2>
					</div>
					<ul class="img-logo">
						<li>
							<a href=""><img src="img/logo-img_03.jpg"/></a>
							<a href="">
							<div class="mask">
								<p>查看产品</p>
							</div>
							</a>
						</li>
						<li>
							<a href=""><img src="img/logo-img_05.jpg"/></a>
							<a href="">
							<div class="mask">
								<p>查看产品</p>
							</div>
							</a>
						</li>
						<li>
							<a href=""><img src="img/logo-img_07.jpg"/></a>
							<a href="">
							<div class="mask">
								<p>查看产品</p>
							</div>
							</a>
						</li>
						<li>
							<a href=""><img src="img/logo-img_09.jpg"/></a>
							<a href="">
							<div class="mask">
								<p>查看产品</p>
							</div>
							</a>
						</li>
						<li>
							<a href=""><img src="img/logo-img_15.jpg"/></a>
							<a href="">
							<div class="mask">
								<p>查看产品</p>
							</div>
							</a>
						</li>
						<li>
							<a href=""><img src="img/logo-img_16.jpg"/></a>
							<a href="">
							<div class="mask">
								<p>查看产品</p>
							</div>
							</a>
						</li>
						<li>
							<a href=""><img src="img/logo-img_17.jpg"/></a>
							<a href="">
							<div class="mask">
								<p>查看产品</p>
							</div>
							</a>
						</li>
						<li>
							<a href=""><img src="img/logo-img_18.jpg"/></a>
							<a href="">
							<div class="mask">
								<p>查看产品</p>
							</div>
							</a>
						</li>
						<li>
							<a href=""><img src="img/logo-img_23.jpg"/></a>
							<a href="">
							<div class="mask">
								<p>查看产品</p>
							</div>
							</a>
						</li>
						<li>
							<a href=""><img src="img/logo-img_24.jpg"/></a>
							<a href="">
							<div class="mask">
								<p>查看产品</p>
							</div>
							</a>
						</li>
						<li>
							<a href=""><img src="img/logo-img_25.jpg"/></a>
							<a href="">
							<div class="mask">
								<p>查看产品</p>
							</div>
							</a>
						</li>
						<li>
							<a href=""><img src="img/logo-img_26.jpg"/></a>
							<a href="">
							<div class="mask">
								<p>查看产品</p>
							</div>
							</a>
						</li>
						<li>
							<a href=""><img src="img/logo-img_31.jpg"/></a>
							<a href="">
							<div class="mask">
								<p>查看产品</p>
							</div>
							</a>
						</li>
						<li>
							<a href=""><img src="img/logo-img_32.jpg"/></a>
							<a href="">
							<div class="mask">
								<p>查看产品</p>
							</div>
							</a>
						</li>
						<li>
							<a href=""><img src="img/logo-img_33.jpg"/></a>
							<a href="">
							<div class="mask">
								<p>查看产品</p>
							</div>
							</a>
						</li>
						<li>
							<a href=""><img src="img/logo-img_34.jpg"/></a>
							<a href="">
							<div class="mask">
								<p>查看产品</p>
							</div>
							</a>
						</li>
						<li>
							<a href=""><img src="img/logo-img_39.jpg"/></a>
							<a href="">
							<div class="mask">
								<p>查看产品</p>
							</div>
							</a>
						</li>
						<li>
							<a href=""><img src="img/logo-img_40.jpg"/></a>
							<a href="">
							<div class="mask">
								<p>查看产品</p>
							</div>
							</a>
						</li>
						<li>
							<a href=""><img src="img/logo-img_41.jpg"/></a>
							<a href="">
							<div class="mask">
								<p>查看产品</p>
							</div>
							</a>
						</li>
						<li>
							<a href=""><img src="img/logo-img_42.jpg"/></a>
							<a href="">
							<div class="mask">
								<p>查看产品</p>
							</div>
							</a>
						</li>
					</ul>
					<h3 class="more"><a href="">更多品牌</a></h3>
				</div>
			</div>
			
			<div class="bg_display">
				<div class="display">
					<div class="title">
						<div class="line"></div>
						<h2><a href="">案例展示</a></h2>
					</div>
					<ul>
						<li>
							<a href=""><img src="img/display_03.jpg"/>
							<p>【直购案例】各个意式品牌的优雅在青岛融合绽放</p>
							</a>
						</li>
						<li>
							<a href=""><img src="img/display_05.jpg"/>
							<p>【香港案例】不一样的女神，不一样的家</p>
							</a>
						</li>
						<li>
							<a href=""><img src="img/display_07.jpg"/>
							<p>【直购案例】意式的奢华典雅尽在北京壹号院</p>
							</a>
						</li>
						<li>
							<a href=""><img src="img/display_09.jpg"/>
							<p>【直购案例】生活的迷人之处，就在杭州西溪十九附中</p>
							</a>
						</li>
					</ul>
					<div class="bg" style="width:1140px;margin: 0 auto;">
					<h3 class="more"><a href="">更多案例</a></h3></div>
					<a href=""><img src="img/display-icon_03.jpg" class="icon1"/></a>
					<a href=""><img src="img/display-icon_05.jpg" class="icon2"/></a>
				</div>
				</div>
					
				<!-----------尾部----------->
			<div class="bg_footer">
				<div class="footer">
					<div class="footer-nav">
						<div class="footer-dl">
							<dl>
								<dt>关于我们</dt>
								<dd><a href="#">关于意俱</a></dd>
								<dd><a href="#">联系意俱</a></dd>
							</dl>
						</div>
						<div class="footer-dl">
							<dl>
								<dt>意俱服务</dt>
								<dd><a href="#">直购服务</a></dd>
								<dd><a href="#">自购回运</a></dd>
							</dl>
						</div>
						<div class="footer-dl">
							<dl>
								<dt>用户须知</dt>
								<dd><a href="#">常见问题</a></dd>
								<dd><a href="#">网站条款</a></dd>
							</dl>
						</div>
						<div class="footer-dl">
							<dl>
								<dt>合作及招聘</dt>
								<dd><a href="#">商务合作</a></dd>
								<dd><a href="#">招纳贤士</a></dd>
							</dl>
						</div>
						<div class="footer-dl">
							<dl>
								<dt>友情链接</dt>
								<dd><a href="#">百度搜索</a></dd>
								<dd><a href="#">Google搜索</a></dd>
								<dd><a href="#">厨用电器加盟</a></dd>
							</dl>
						</div>
						<div class="footer-dl">
							<dl>
								<img src="images/pic_23.jpg" />
								<p>扫一扫关注微信公号</p>
							</dl>
						</div>
					</div>
					<p>Copyright © 2011-2016 杭州艺居网络科技有限公司 Ejuhome Network&Technology Co., Ltd.　浙ICP备09070608号</p>
					<p>浙公网安备 33010602005045号</p>
				</div>
			</div>
				
			
			
			
		</div>
		<div class="contact">
			<ul>
				<li>
					<a href="">电话</a>
					<div class=phone>
						400-100-5075
					</div>
				</li>
				<li><a href="">微信</a>
					<div class="code">
						<img src="img/code.jpg"/>
						询价设计师微信
					</div>
				</li>
				<li><a href="">QQ</a></li>
			</ul>
			</div>
			
			<!--<div class="zixun">
				<div class="zxs">
					<span class="iconfont icon-tel02">
						<a href=" ">电话
							<div class="zxzdh ys">
						<p>17671713683</p >
					</div>
					</a>
					</span>
					
				</div>
				<div class="zxs">
					<span class="iconfont icon-weixin"><a href="#">微信<div class="zxwx ys">
						<img src="img/wx.png"/>
						<p>设计师微信名片</p >
					</div></a></span>
					
				</div>
				<div class="zxs">
					<span class="iconfont icon-qq"><a href="#" class="zxqq">QQ</a></span>
					
				</div>
			</div>-->
			
			<div class="guding">
				<a href=" "></a>
			</div>
			
	</body>
</html>
